<template>
	<div>
			  
				
	 
	  
	       <!--列表-->
	       <el-table :data="bills" style="width: 100%">
	         <el-table-column
	           type="index"
	           label="序号"
	           width="60"
	           align="center"
	         >
	         </el-table-column>
	         <el-table-column
	           prop="avatar"
	           align="center"
	           label="客户头像"
	         >
	           <template slot-scope="scope">
	             <img style="width: 40px" :src="scope.row.avatar" />
	           </template>
	         </el-table-column>
	         <el-table-column prop="name" align="center" label="客户" >
	         </el-table-column>
			 <el-table-column
			   prop="create_time"
			   align="center"
			   width="300"
			   label="时间"
			 >
			 </el-table-column>
	         <el-table-column
	           prop="order_name"
	           align="center"
	           width="300"
	           label="购买/支出方式"
	         >
	         </el-table-column>
	        <el-table-column
	          prop="price"
	          align="center"
	          width="300"
	          label="金额"
	        >
	        </el-table-column>
	       </el-table>
	     
	    <pagination
	         :total="billsTotal"
	         :currentPage="pageNum"
	         :pageSize="billsSize"
	         position="right"
	         @search="searchPagination"
	       >
	       </pagination>
	   
	  
	</div>
</template>

<script>
	import pagination from "@/components/common/pagination/pagination";
	export default{
		components:{
			pagination
		},
		
		props:["bills","billsTotal","pageNum","billsSize"],
		data() {
		  return {}
		},
		created() {
		},
		methods: {
		  searchPagination(page) {
		    this.$emit('searchPagination', page)
		  },
		  Allbills(page){
			  console.log(this.billsDate)
			   this.$emit('allbills', page)
		  }
		},
	}
</script>

<style>
</style>
